estoy tratando de subir una imagen usando multer, aquí está mi lado del servidor

 const storage = multer.diskStorage({ destination: function (req, file, cb) { cb(null, './uploads/') }, filename: function (req, file, cb) { cb(null, `${file.originalname}`) } }) const upload = multer({storage: storage}); app.post('/upload', upload.single("pic"), function (req, res) { console.log(req.file) res.send('File uploaded!') })

en mi método de publicación, mi req.file no está definido

este es mi lado del cliente

 <form action="/upload" method="post"> <input type="file" id="files" style="visibility: hidden;" name = "pic" accept="image/*"> <br> <label for="files" id="files" class = "lbl">Select file</label> <br> <br> <input type="submit" value="Upload" name="submit" id = "submit"> </form>

Si alguien puede enviar una solución, sería increíble. gracias.